在 JavaScript 中,迴圈 (Loop) 可以重複執行同一段程式碼直到條件不成立。
常見的迴圈種類:
- for
- while
- do...while
- for...in
- for...of
for 迴圈
for (初始化; 條件; 更新) {
// 要重複執行的程式碼
}
範例:
for (let i = 0; i < 5; i++) {
console.log("目前 i 的值是:" + i);
}
while 迴圈
let i = 0;
while (i < 3) {
console.log("i 的值是:" + i);
i++;
}
do...while 迴圈
let i = 0;
do {
console.log("i 的值是:" + i);
i++;
} while (i < 3);
for...in 迴圈
const person = { name: "Tom", age: 20, city: "Taipei" };
for (let key in person) {
console.log(key + ":" + person[key]);
}
for...of 迴圈
const fruits = ["apple", "banana", "cherry"];
for (let fruit of fruits) {
console.log(fruit);
}
break 與 continue
for (let i = 0; i < 5; i++) {
if (i === 3) break; // 結束整個迴圈
console.log(i);
}
for (let i = 0; i < 5; i++) {
if (i === 2) continue; // 跳過本次,繼續下一次
console.log(i);
}
小結
迴圈類型 |
用途 |
特點 |
for |
重複固定次數 |
最常用 |
while |
條件為真時重複 |
先檢查條件 |
do...while |
至少執行一次 |
先執行再檢查 |
for...in |
遍歷物件屬性 |
適用物件 |
for...of |
遍歷陣列或字串 |
適用可迭代物件 |